<html>
<head>
    <meta charset="utf-8" />
    <title>长文本搜索</title>
</head>
<body>

<style>
    #body {
        width:100%;
        word-break: break-all;
        white-space: break-spaces;
        line-height:25px;
    }
    
    .hi {
        background: #ffb300;
        font-weight: bold;
    }
</style>

<input type="text" placeholder="输入进行搜索" id="word" value="y30duopwz" oninput="search_antishake()"/>
<label><input type="checkbox" value="all" checked id="checkall"/>匹配全部</label>
<label><input type="checkbox" value="sensitive" id="checksensitive" />大小写敏感</label>

<pre id="body">

</pre>
<!--<script src="../dev/JKSearcher_dict.js"></script>-->
<!--<script type="text/javascript" src="../dev/JKSearcher_dev.js"></script>-->
<script type="text/javascript" src="../JKSearcher.js"></script>
<script>
    let body = document.querySelector('#body');
    let word = document.querySelector('#word');
    let textIndexes = JKSearcher.createIndexes(`鲁迅（1881年——1936年）先生在55年的生命历程里，总共留下大约1000万字的文字作品，包括600多万字的各类体裁的文学作品，以及400多万字的书信作品和编辑作品。
在文学创作上，鲁迅属于全能型作家，几乎把所有文学体裁的写法都尝试了一遍，成就最高的无疑体现在杂文、短篇小说、散文诗等体裁上。
鲁迅先生之所以享有很高的文学地位，除过他的作品具有突出的思想性、艺术性、哲理性、批判性，能给读者带来醍醐灌顶的启迪之外，更重要的是，他一生都在坚守“文如其人”的信念，把知识分子与生俱来的那种刚正不阿、正义凛然、疾恶如仇的人格魅力，毫无保留地展现在文字里，阅读他的文字，实际上是在阅读中华民族的精神脊梁。
为了表达对鲁迅的敬意，从上世纪50年代开始，总共有《一件小事》、《从百草园到三味书屋》、《社戏》、《故乡》、《记念刘和珍君》、《药》、《为了忘却的记念》、《〈呐喊〉自序》、《祝福》、《藤野先生》、《孔乙己》、《狂人日记》、《阿Q正传》、《阿长与〈山海经〉》、《鲁迅自传》、《灯下漫笔·节选》、《拿来主义》、《流产与断种》、《聪明人和傻子和奴才》等30多篇文章，入选了不同版本的语文教材。
能有30多篇文章被请进教材供学生来学习，放眼历史，鲁迅无疑是古今第一人，即使像李白、杜甫那的诗歌巨匠，也难以享受到这么高规格的殊荣。可见，鲁迅的影响力早已超越了文化界，他的文章被不同读者当作精神食粮。

Today, the supermarket has been most people’s choice when they go shopping, the supermarket is very popular. They count on supermarkets so much have many reasons, first, the supermarket has all kinds of products. People live in a fast-paced society, they are busy with their work all day, when they have time, they want to get some rest and spend less time purchasing. When walking in the supermarket, they can buy what they want in the fastest time and save more time in wandering around the market for picking the products. Second, the product in the supermarket is of good quality. The products in the supermarket are highly checked, the boss makes sure the quality, they make a promise to the customers if the customer finds the products are fake, the supermarket’s reputation will loss and the profit gets less. So the supermarket is always keeping good quality. The supermarket will be more and more people’s choices.

今天，超市已经成为了大部分买东西时候的选择，超市很受欢迎。人们很依赖超市，这是有很多原因的，第一，超市有各种各样的产品。人们生活在快节奏的社会，他们整天忙于工作，当他们有时间的时候，他们想要休息，少花些时间在购物上。当走在超市的时候，他们可以在最快的时间内买到他们想要的产品，在晃荡挑选产品方面节省更多的时间。第二，超市的产品有质量保证。超市里面的产品是经过严格检查的，老板确认产品的质量，向顾客承诺，如果顾客发现产品是假的，超市的名声就会损失，少挣很多钱。所以超市总是保持很好的质量。超市会是越来越多人的选择。
今天，超市已经成为了大部分买东西时候的n most people’s choice when they go shopping, 选择，超市很受欢迎。人们很依赖超市，这是有很多原因的，第一，超y popular. They count on supermarkets so much have many re市有各种各样的产品。人们生活在快节奏的社会，他们整天忙于工作，当他们有时间的时候，他们easons, first, the supermarket has all kinds of produ想要休息，少花些时间在购物上。当走在超市的时候，他们可以在最快的时间内买到他们想要的产品，在晃荡挑选产品方面节省更多的时间。第二，超市的产品有质量保证。超市里面的产品是经过严格检查的，老板确认产品的质量，向顾客承诺，如果顾客发现产品是假的，超市的名声就会损失，少挣很多钱。所以超市总是保持很好的质量。超市会是越来越多人的选择。

`);
    let all = true;
    let sensitive = false;
    
    document.querySelector('#checkall').addEventListener('click', function() {
        all = this.checked ? true : false;
        search();
    });

    document.querySelector('#checksensitive').addEventListener('click', function() {
        sensitive = this.checked ? true : false;
        search();
    });
    
    function search() {
        if(word.value != '') {
            body.innerHTML = textIndexes.highlight(word.value, {all, sensitive, callback:a=>`<span class="hi">${a}</span>`});
        } else {
            body.innerHTML = textIndexes.raw;
        }
    }
    
    let timer = null;
    function search_antishake() {
        clearTimeout(timer);
        timer = setTimeout(search, 300);
    }

    search();
</script>
</body>
</html>
